
/* --------------------------- PHOTO GRID STUFF ------------------------- */
#gridContainer { width: 1000px; }
#gridColumn{  width : 190px ; float : left;}
.gridElement{ position:relative; margin:10px; margin-bottom:20px;cursor:pointer; }
.gridPhoto{ position:absolute;z-index:1; }
.gridPhoto img {position:absolute; border:1px solid #737373;}
.gridInfo { position:absolute;opacity:0;z-index:2; }
.gridInfo .whiteBorder { position:absolute;z-index:1; border:2px solid white; width:169px; }
.gridInfo .infoBox { position:absolute;  width : 165px; height : 32px; padding-left:7px; padding-top:5px; z-index:2; background-image : url(../images/bg_photoInfo.png);}
.gridInfo .infoTextStyle { color:#000000; font-size:12px; font-family:Century Gothic;line-height:13px; }
#gridTools{ text-align : right; }

.gridElementAlbum{ position:relative; margin:10px; margin-bottom:20px;cursor:pointer; }
.gridPhotoAlbum{ position:absolute;z-index:1; }
.gridPhotoAlbum img {position:absolute; border:1px solid #adadab;}
.gridInfoAlbum { position:absolute;z-index:2; }
.gridInfoAlbum .whiteBorderAlbum { opacity:0; position:absolute;z-index:1; border:2px solid white; width:169px; }
.gridInfoAlbum .infoBoxAlbum { opacity:0.7; position:absolute;  width : 165px; height : 20px; padding-left:7px; padding-top:5px; z-index:2; background-image : url(../images/bg_photoInfo.png);}
.gridInfoAlbum .infoTextStyleAlbum { opacity:1 !important; color:#000000; font-size:12px; font-family:Century Gothic;line-height:13px; }

#retourAlbum { color : #357c90; cursor:pointer;}


/* --------------------------- PHOTO LIGHTBOXS STUFF ------------------------- */
/* the overlayed element */
.apple_overlay {
	display:none;
	background-image:url(../images/bgComments.png);
	width:1020px;	
	font-size:11px;
	top:0px !important;
	overflow:auto;
	height:95%;
	margin : 20px;
	font-family : Century Gothic;
	font-size:13px;
	color:white;
}

.apple_overlay .commentContent{
	width : 1000px;
	text-align:center;
	height:500px;
}
.scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}
.apple_overlay .commentContent .details{
	text-align:left;
	width:750px;
	margin:auto;
	height:auto;
	margin-top:5px;
}
.apple_overlay .commentContent .minimap{ float:left; width:85px; }
.apple_overlay .commentContent .legend{ text-align:justify; width:750px; margin-top : 10px;}
.apple_overlay .commentContent .date{ float:right; font-size:10px; font-style:italic; }
/* default close button positioned on upper right corner */
.apple_overlay .close {
	cursor:pointer;
	position:absolute;
	top:5px;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}


.commentaire{
	width:650px;
	margin:auto;
	margin-top:10px;
	font-size:11px;
	background-image:url(../images/commentairesBG.png);
	padding:5px;
	min-height:80px;
}
.commentaireHide{ 
	width:650px;
	margin:auto;
	margin-top:10px;
	font-size:11px;
	background-image:url(../images/commentairesBG.png);
	padding:5px;
	display : none;
}
.CommentTextBlock{
	width : 560px;
	text-align:justify;
	min-height:80px;
	margin-left: 85px;
}

.legend .date span{
	font-style:italic;
}

.avatar{
	float:left;
	width:80px;
	height:80px;
	margin-right:5px;
}
.barreMoreComm{
	cursor:pointer;
	font-size:11px;
	width:650px;
	height:18px;
	margin:auto;
	margin-top:10px;
	background-image:url(../images/commentairesBG.png);
	border:1px solid #333;
	padding-left:5px;
	padding-right:5px;
}

.btAggrandir{
	cursor:pointer;
	margin:auto;
	margin-top:-18px;
	z-index:10;
	font-size:11px;
	font-style:italic;
	width:180px;
	height:15px;
}
.btAggrandir a{ color : white; text-decoration:none;}
.btAggrandir a:visited{ color:white; }

.addComm textarea{
	width:559px;height:73px;font-family:Century Gothic;
}

.addComm .button{
	float:right;width:80px;height;18px;margin-top:5px;cursor:pointer;
}

.legend em a {color:#ffffff; font-weight:bold;}
.legend em a:hover {text-decoration:underline;}
span.addFavorite:hover{text-decoration:underline;cursor:pointer;}

/*-------------------------- MAP STUFF ---------------------------------- */
#map_big {height:397px; width:1000px; background-color:#e4e4e4;}
#map_small{height:272px; width:100%; background-color:#e4e4e4; position:relative; top:3px;}
#flashcontent.big{height:397px; width:1000px; background-color:#e4e4e4;}
#flashcontent.small{height:272px; width:100%; background-color:#e4e4e4;}


/*********************/
div.photographerFollowed{ width:1000px;height:120px;}
div.photographerFollowed .PhotographerFollowedAvatar{ border:1px solid white; width:100px !important; height:100px !important; }
div.photographerFollowed .PhotographerFollowedContent{ float:left;margin-left:10px;margin-right:10px;color:white;width:480px;text-align:justify; }

div.photographerFollowed a.btContact {
	background-image : url(/media/img/btContact.png);
	height : 23px;
	width : 73px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}

div.photographerFollowed a.btContact:hover{
	background-image : url(/media/img/btContact_hover.png);
	height : 23px;
	width : 73px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}

div.photographerFollowed a.btSiteWeb {
	background-image : url(/media/img/btSiteWeb.png);
	height : 23px;
	width : 74px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}

div.photographerFollowed a.btSiteWeb:hover{
	background-image : url(/media/img/btSiteWeb_hover.png);
	height : 23px;
	width : 74px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}


div.photographerFollowed a.btSuivre{
	background-image : url(/media/img/btSuivre.png);
	height : 23px;
	width : 65px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}

div.photographerFollowed a.btSuivre:hover{
	background-image : url(/media/img/btSuivre_hover.png);
	height : 23px;
	width : 65px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}

div.photographerFollowed a.btPlusSuivre{
	background-image : url(/media/img/btPlusSuivre.png);
	height : 23px;
	width : 109px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}

div.photographerFollowed a.btPlusSuivre:hover{
	background-image : url(/media/img/btPlusSuivre_hover.png);
	height : 23px;
	width : 109px;
	display:block;
	border:0;
	float:left;
	margin-right : 10px;
}
